body {
    font: 12px/20px "Microsoft Yahei","Hiragino Sans GB",arial,宋体,"Helvetica Neue",Helvetica,STHeiTi,sans-serif;
    color: #666;
    background: #FFF none repeat scroll 0 0;
    min-width: 1200px;
        margin: 0px;
}
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
    padding: 0;
    margin: 0;
}
li, ol, ul {
    list-style: none;
}
a:link, a:visited, a:active {
    text-decoration: none;
}

@import url("system.css");
@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
img{ border:none 0px;}
li{ list-style-type:none;}
a{ text-decoration:none;}
html,body{ height:100%;}
body{ font-family:"Microsoft Yahei"; font-size:62.5%; background:#FFF;}
.fl{ float:left;}
.fr{ float:right;}
.ovh{ overflow:hidden;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.clear{ clear:both;}
.wid{ width:1200px; margin:0 auto;}

.header{ width:100%; background:url(../images/h_bg_nav.gif) repeat-x; min-width:1200px; height:146px;}
.header_box{ height:146px; position:relative;}
.logo_box{ width:265px; height:146px; position:absolute; left:0; top:0;}
.logo_box img{width:265px;height: 96px;}
.hy{ float:left;}
.header_top_r{ float:right;}
.header_r{ width:905px; font-size:1.2em; padding-left:295px;}
.header_top{ line-height:3em; width:100%; overflow:hidden; height:3em; color:#555555;}
.header_top a{ color:#555555;}
.header_top a:hover{ color:#009bf5;}
.header_top li{ float:left; padding:0 7px 0 5px; background:url(http://file.hedaweb.com/skin/fsdzxj2724/img/top_line.gif) no-repeat right center;}
.header_top .outlinks,.personal_center{ float:right;}
.header_top .outlinks li:last-child{ padding-right:0px; background:none;}
.header_top li a{ display:block;}
.header_top li.link_tmall a{ padding-left:30px; background:url(http://file.hedaweb.com/skin/fsdzxj2724/img/icon_header.png) no-repeat left -28px;}
.header_top li.link_jd a{ padding-left:20px; background:url(http://file.hedaweb.com/skin/fsdzxj2724/img/icon_header.png) no-repeat left -68px;}
.header_top li.shopping_cart a{ padding-left:25px; background:url(http://file.hedaweb.com/skin/fsdzxj2724/img/icon_header.png) no-repeat left 10px;}
.h_search_box{ position:absolute; top:107px; right:0px;}
.h_search_box input{ background:#FFF; border:none 0px; height:28px;line-height:28px;}
.h_search_box .search_text{ width:95px; padding-left:25px; background:#efefef url(../images/icon_header.png) no-repeat 7px -125px;}
.h_search_box .search_btn{ width:46px; background:#009bf5; color:#FFF;text-align:center;    line-height: 29px;cursor: pointer;}

.columns_title{ display:none;}
.sub_nav>li{ display:none;}
.sub_nav .hover ul{ display:block;}
.sub_nav ul{ display:none;}
.sub_nav ul .pro_img{ display:none;}
.sub_nav .hover .on .pro_img{ display:block;}
.sub_nav_bg{ display:none; width:100%; min-width:1200px; background:#f8f8f8; position:absolute; top:146px; left:0; z-index:100; -moz-box-shadow:0px 2px 2px #c7c5c6; -webkit-box-shadow:0px 2px 2px #c7c5c6; box-shadow:0px 2px 2px #c7c5c6;}
.sub_nav_bg div{ min-height:180px; background: url(http://file.hedaweb.com/skin/fsdzxj2724/img/bg_line.png) repeat-y 265px top,url(img/bg_bj.gif) no-repeat center center;}

.nav,.channel_title{ width:100%;}


.channel_title{ height:60px;}
.channel_title li{
    /* float:left; line-height:18px; padding:12px 0; margin-right:45px;cursor:pointer */
    float: left;
    line-height: 36px;
    padding: 12px 0;
    margin-right: 50px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #666;
}
.channel_title li:hover{
    height: 44px;
    box-shadow: 0px 4px 0px #009bf5;
    padding: 7px 0;
    /* margin-right: 45px; */
}
.channel_title>li:last-child{padding-right:0;margin-right: 0;}
.channel_title>li.red1>a{ color:#009bf5;}
.channel_title li span{ display:block; text-transform:uppercase; font-family:Arial; font-size:0.8em;}
.channel_title li a{ color:#8e8888;}
.channel_title li a:hover{ color:#009bf5;}
.channel_title li .nav_box{ position:absolute; top:96px;width: 113px;    background-color: #373737;z-index:9999;}
.channel_title li .nav_box li{/*  line-height:50px; padding:0 10px 0 16px; background:url(http://file.hedaweb.com/skin/fsdzxj2724/img/bg_subnav.gif) no-repeat left center; */
    width: 100%;
    border-bottom: 1px solid #515151;
    z-index: 9999;
    height: 35px;
    line-height: 35px;
    color: #aaaaaa;
    text-align:center;
    background-color: #373737;
        padding-right: 0px;
        padding:0px;
        cursor:pointer;
/*     display: inline-block; */
}
.channel_title li .nav_box li a{ color:#fff;font-size: 14px;}
.channel_title li .nav_box li a:hover,.channel_title li .nav_box li.gray a{ color:#e3e3e3;}
.channel_title li .sub_nav{ position:absolute; top:146px; left:0; z-index:101; width:100%;}
.channel_title li .sub_nav dl{ position:relative;}
.channel_title li .sub_nav img{ width:300px; height:auto;}
.channel_title li .sub_nav li{ float:none; line-height:36px; padding:0; width:100%;}
.channel_title li .sub_nav li a{ display:block; color:#000; padding-left:50px; height:36px; width:215px;}
.channel_title li .sub_nav li a:hover,.channel_title li .sub_nav li dl dd.hover a{ color:#fff; background:#009bf5 url(../images/bg_sunnav.gif) no-repeat 185px center;-moz-box-shadow:0px 2px 2px #a8070e inset; -webkit-box-shadow:0px 2px 2px #a8070e inset; box-shadow:0px 2px 2px #a8070e inset;}
.channel_title li .sub_nav li dl dd.hover li a{ color:#000; background:none;}
.channel_title li .sub_nav li ul{ position:absolute; left:266px; top:0;}
.channel_title li .sub_nav li ul li{ position:relative;}
.channel_title li .sub_nav li ul li .pro_tit a{ padding-left:0; width:264px; text-align:center; background:none; box-shadow:none;}
.channel_title li .sub_nav li ul li .pro_tit a:hover,.channel_title li .sub_nav li ul li.on .pro_tit a{ background:#009bf5; color:#FFF;-moz-box-shadow:0px 2px 2px #a8070e inset; -webkit-box-shadow:0px 2px 2px #a8070e inset; box-shadow:0px 2px 2px #a8070e inset;}
.channel_title li .sub_nav li ul li .pro_tit{ float:left;}
.channel_title li .sub_nav li ul li .pro_img{ position:absolute; left:265px; top:0;}
.channel_title li .sub_nav li ul li .pro_img a{ width:300px; height:180px; padding-left:200px; display:block; background:none; box-shadow:none;}


.main_visual{height:700px;overflow:hidden;position:relative; width:100%; min-width:1200px;}
.main_image{height:700px;overflow:hidden;position:relative; width:100%;}
.main_image ul{width:9999px;height:700px;overflow:hidden;position:absolute;top:0;left:0;z-index:1;}
.main_image li{float:left;width:100%;height:700px;z-index:-10 !important}
.main_image li a{display:block;width:100%;height:700px}



div.flicking_con{position:absolute;bottom:20px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url(../images/btn_main_img.png) 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:2%;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:2%;}









#homeindex{
    float: left;
    line-height: 42px;
    padding: 8px 0;
    margin-left: 235px;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
}






.public-top-layout{
    font-family: Arial, "宋体";
    line-height: 20px;
    color: #777;
    background-color: #FAFAFA;
    border-bottom: solid 1px #F0F0F0;
}
.w{
    width:100%;
}
.public-top-layout .topbar{
    height: 30px;
}
.wrapper {
    width: 1200px;
    margin: auto;
}
.quick-menu{
    font-size: 0;
    text-align: right;
    width: 90%;
    height: 30px;
    float: right;
}
.public-top-layout .quick-menu dl {
    text-align: left;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal;
    display: inline-block;
    width: 80px;
    height: 30px;
    position: relative;
    z-index: 999;
    cursor:pointer;
    float:right;
}
.public-top-layout .quick-menu dl dt {
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    padding: 5px 0;
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 8px;
}
.public-top-layout .quick-menu dl dt i {
    background: url(/bicyclecon/images/top_bg.png) no-repeat 0 0;
    vertical-align: middle;
    display: inline-block;
    width: 6px;
    height: 3px;
    margin-left: 6px;
    -webkit-transition: .2s ease-in;
    -moz-transition: -webkit-transform .2s ease-in;
    -o-transition: -webkit-transform .2s ease-in;
    transition: .2s ease-in;
}
.public-top-layout .quick-menu dl:hover dt i {
    FILTER: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 50% 30%;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 50% 30%;
    -o-transform: rotate(180deg);
    -o-transform-origin: 50% 30%;
    transform: rotate(180deg);
    transform-origin: 50% 30%;
}
.public-top-layout .quick-menu dl dd {
    background-color: #FFF;
    display: none;
    width: 78px;
    border: solid 1px #F0F0F0;
    position: absolute;
    z-index: 1;
    top: 0;
    /* left: 0; */
    cursor:pointer;
}
.public-top-layout .quick-menu dl:hover dd {
    display: block;
}
.public-top-layout .quick-menu dl dd ul {
    /* width: 78px; */
    margin: 30px 0 0 0;
}
.public-top-layout .quick-menu a {
    color: #777 !important;
}
.public-top-layout .quick-menu dl dd ul li a {
    font-size: 12px;
    line-height: 24px;
    display: block;
    clear: both;
    padding: 2px 0 2px 11px;
}

.public-top-layout .quick-menu dl.weixin {
    width: 114px;
}
.public-top-layout .quick-menu dl.weixin dt {
    background: url(/bicyclecon/images/weixin.png) no-repeat 10px 8px;
    padding-left: 30px;
}
.public-top-layout .quick-menu dl.weixin dd {
    width: auto;
    padding: 5px;
    right: 0;
    left: auto;
}
.public-top-layout .quick-menu dl.weixin dd h4 {
    line-height: 18px;
    color: #F98016;
    text-align: center;
    margin: 30px 0 5px 0;
    font-size: 12px;
}
.public-top-layout .quick-menu dl.weixin dd img {
    max-width: 96px;
    max-height: 96px;
}
/*******头部菜单*****/
.header-wrap{
    background-color: #FFF;
    width: 100%;
}
.public-head-layout{
    height:97px;
}
.wrapper {
    width: 1200px;
    margin: auto;
}

.firstname{
    width:211px;
    height:100%;
    text-align:center;
    background-color:#009bf5;
    color:#fff;
    float:left;
}

.firstname img{
    top: 35px;
    position: relative;
}
.fontname{
    width: 96px;
    height: 30px;
    float: left;
    position: relative;
    text-align: center;
    top: 67px;
    font-size: 17px;
    line-height: 30px;
    cursor:pointer;
}
.samename{
    
    height:100%;
    float:left;
    overflow:hidden;
}
.samename-li{
    width:148px;
    float:left;
    height:100%;
    cursor:pointer;
}
.public-nav-layout{
    width: 100%;
    height: 37px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    zoom: 1;
    background-color:#1b1b1b;
}
.newbackcon{
    width:211px;
    height:37px;
    background-color:#009bf5;
    float:left;
}

/**搜索**/
.head-search-layout{
    width:167px;
    height:27px;
    float:right;
    /* background:red; */
    margin-top: 5px;
}
.input-text{
    line-height: 24px;
    color: #555;
    width: 72%;
    height: 15px;
    float: left;
    padding: 6px 1%;
    border: none 0;
}
#seacrbut:hover{
   /*  width: 26%;
    height: 27px;
    color: #fff;
    background-color: #009bf5;
    float: left;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    cursor: pointer; */
        box-shadow: 1px 1px 1px #fff;
}

/**************底部内容*******************/
/****底部内容*****/
.bicybotmcon{
    width: 1200px;
    height:410px;
    background:#1b1b1d;
    margin: 0 auto;
}

.bicyfooterleft{
    width:30%;
    height:247px;
    border-right:solid 1px #fff;
    position: relative;
    top: 65px;
    float:left;
}
.leftfooter{
    width: 106%;
    height: 247px;
    magin-left: 20px;
    float: right;
}
.footerh1{
    width:100%;
    margin-top: 30px;
    font-size:26px;
    color:#fff;
}
.footeraddress{
    width:100%;
    display:block;
    
    font-size:17px;
    color:#fff;
     margin-top: 29px;
}
.footerimg{
    display:block;
    width:21px;
    height:21px;
    float:left;
    margin-right:5px;
}
.footerimg1{
    background:url(/bicyclecon/images/address.png);
}
.footerimg2{
    width:22px;
    background:url(/bicyclecon/images/telphoneimg.png);
}

/****中间内容***/
.footermiddle{
    width:42%;
    height:247px;
    border-right:solid 1px #fff;
    position: relative;
    top: 65px;
     float:left;
    overflow:hidden;
}
.middlefooter-ul{
    white-space: nowrap;
    padding: 20px 0%;
    float: left;
    width: 100%;
}
.middlefooter-ul li{
    font-size: 12px;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal;
    display: inline-block;
    width: 50%;
    zoom: 1;
    text-align:center;
    cursor:pointer;
    float:left;
}
.middlefooter-ul dl{
    display: block;
    width: 100%;
    margin: 0 auto;
}
.ourdl dt a{
    color:#fff;
}
.businessdl dt a{
    color:#fff;
}
a{
    color:#e8e1e1;
}
.middlefooter-ul dl dt{
    font: 600 16px/20px "microsoft yahei";
    color: #ffffff;
    padding: 5px;
    margin: 5px 0;
    font-size:18px;
    margin-bottom: 15px;
}
.middlefooter-ul dl dd{
    font: 16px/16px "microsoft yahei";
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    clear: both;
    /* padding: 2px 5px; */
    padding: 13px 5px;
    overflow: hidden;
}
.middlefooter-ul dl dd i{
    font-size: 0;
    line-height: 0;
    background: url(/bicyclecon/images/top_bg.png) no-repeat -80px -10px;
    vertical-align: middle;
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-right: 5px;
}
/****合作伙伴****/
.partnerul{
    width:100%;
}
.partnerul li{
    width:30%;
    margin-right:2%;
    float:left;
    cursor:pointer;
    height:36px;
}
.partnerul li img{
    width:100%;
    height:100%;
}

/**********右侧内容**************/

.footeright{
    width:26%;
    height: 242px;
    position: relative;
    top: 65px;
    float:left;
}


.footeright ul{
    white-space: nowrap;
    padding: 20px 2%;
    float: left;
     width: 100%;
}
.footeright ul li{
 font-size: 17px;
 vertical-align: top;
 letter-spacing: normal;
 word-spacing: normal;
 display: inline-block;
 width: 51%;
 zoom: 1;
 text-align:center;
 cursor:pointer;
 margin-left: 17%;
 float:left;
}
.footeright ul li dt{
    padding: 5px;
    margin: 9px 0;
}
.footeright ul li img{
    width:90%;
}






/***二级下拉****/
.animenu_child{
      top: 11%;
    /* left: 32px; */
    z-index: 16;
    opacity: 0;
    visibility: hidden; 
    margin: 24px 0 0 0;
    background-color: #373737;
    transition: margin .15s, opacity .15s;
    width: 113px;
    float: left;
    margin-left: 1%;
    position: absolute;
    color: #fff;
    text-align: center;
}
.samename > li:hover > ul {
    opacity: 1;
    visibility: visible;
   
}
.animenu_child > li {
    width: 100%;
    border-bottom: 1px solid #515151;
    z-index: 222;
    height: 35px;
    line-height: 35px;
    color:#aaaaaa;
    display: inline-block;
}

.animenu_child a {
    width: 99%;
    border-color: #373737;
    display: inline-block;
    padding: 1px;
    color:#aaaaaa;
    height: 35px;
    line-height: 35px;
}

.animenu_child > li:first-child > a:after {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    left: 1em;
    top: -6px;
    border: 6px solid transparent;
    border-top: 0;
    border-bottom-color: inherit;
}


.animenu_child a:hover {
   background-color: #009bf5;
   color: #fff;
   height: 35px;
   line-height: 35px;
}




.nav_box > li:first-child > a:after {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    left: 1em;
    top: -6px;
    border: 6px solid transparent;
    border-top: 0;
    border-bottom-color: inherit;
}

.nav_box a {
    width: 99%;
    border-color: #373737;
    display: inline-block;
    padding: 1px;
    color: #aaaaaa;
    height: 35px;
    line-height: 35px;
}

.nav_box a:hover{
    background-color: #009bf5;
    color: #fff;
    height: 35px;
    line-height: 35px;
}

.bicyclebotm{
    width:100%;
    background: #1b1b1d;
}